//创建一个虚拟节点
import { createVNode, render } from 'vue'
import Toast from './toast.vue'
// 动态创建一个DOM容器

const container = document.createElement('div')
container.setAttribute('class', 'toast-container')
document.body.appendChild(container)
export default ({ message, duration }) => {
  const cancelCallback = () => {
    // 销毁确认框
    console.log('销毁确认框')
    render(null, container)
  }
  // 把组件渲染到页面中
  const vnode = createVNode(Toast, { message, duration, cancelCallback })
  // 把虚拟节点渲染DOM中
  render(vnode, container)
}
